<template>
  <div class="m-shop-info">
    <div>
      <w-mange-title title="公司档案"></w-mange-title>
    </div>
    <div class="shop-info">
      <div class="shop-col">
        <div>
          <span>公司名称：{{storeInfo.company}}</span>
          <br>
          <span>员工人数：{{storeInfo.employeesNum || 0}}人</span>
          <br>
          <span>主营产品：{{storeInfo.mainProducts}}</span>
          <br>
          <span>所在地：{{storeInfo.area}}{{storeInfo.detailAddress}}</span>
          <br>
          <span>业务联系人：{{storeInfo.businessContacts}}</span>
        </div>
        <div>
          <span>营业执照：{{storeInfo.licenseNumber}}</span>
          <br>
          <span>主营行业：{{storeInfo.mainIndustry}}</span>
          <br>
          <span>主要客户群体：{{storeInfo.mainCustomerGroups}}</span>
          <br>
          <span>年营业额：{{storeInfo.yearSales || 0}}</span>
          <br>
          <span>业务联系人电话：{{storeInfo.contactPhone}}</span>
        </div>
        <div>
          <span>企业类型：{{storeInfo.enterpriseType}}</span>
          <br>
          <span>产品风格：{{storeInfo.productStyle}}</span>
          <br>
          <span>年出口额：{{storeInfo.yearExportNum || 0}}</span>
          <br>
          <span>月产量：{{storeInfo.monthProduction || 0}}</span>
          <br>
          <span>农商行商户号：{{storeInfo.subMerchantId || '无'}}</span>
        </div>
      </div>
      <div>
        <span>店铺介绍：{{storeInfo.shopIntroduction || '无'}}</span>
      </div>
    </div>
  </div>
</template>

<script>
import { apiShopMange } from 'js/api'

export default {
  data() {
    return {
      storeInfo: {}
    }
  },
  created() {
    /**
     * 获取店铺信息
     */
    const shopStatus = this.$route.query.shopstatus || ''
    if (shopStatus && (shopStatus == 0 || shopStatus == 1)) {
      // 待审核店铺的基本信息
      apiShopMange.apiShopInfoReview(this.$store.getters.token, this.$route.query.three, this.$route.query.storeid).then(data => {
        this.storeInfo = data.data.bean || {}
      })
    } else {
      apiShopMange.apiShopInfo(this.$store.getters.token, this.$route.query.three, this.$route.query.storeid).then(data => {
        this.storeInfo = data.data.bean || {}
      })
    }
  }
}
</script>

<style lang="scss" scoped>
@import '../../scss/_var.scss';
.shop-info {
  padding: 16px 46px;
  border: 1px solid $border-gray-light;
  font-size: 12px;
  span {
    line-height: 26px;
  }
  .shop-col {
    & > div {
      width: 33%;
      display: inline-block;
    }
  }
}
</style>

